<template>
	<view>

		<!-- #ifdef APP-PLUS -->
		<!--授权权限组件-->
		<yk-authpup ref="authpup" type="top" @changeAuth="changeAuth" :permissionID="permissionID"></yk-authpup>
		<!-- #endif -->

		<u-navbar :title="Navtitle" :immersive="true" :is-back="false" back-icon-color="#fff" title-color="#fff"
			:background="navbackground" :border-bottom="false"></u-navbar>


		<!-- <view class="weidenglu" v-if="weidenglu_if">
			<image :src="BestImgUrl+'Group 33673.png'"></image>
			<view class="denglu_btn" @click="dengluTo()">去登录</view>
		</view> -->
		<view class="page_content">

			<view class="lvsejb">
				<image class="lvsejb_img" :src="lvsejb_img"></image>
				<view class="lvsejb_info_wrap">
					<view class="lvsejb_info">
						<view class="hb_icon">
							<image :src="hb_icon" mode="widthFix"></image>
						</view>
						<view class="sanGeBox">
							<view class="sanGeBox_item">
								<image :src="BestImgUrl + 'newZhuanQian/Group_34625.png'"></image>
								<view class="sanGeBox_item_info" @click="tomix3()">
									<view><span>¥</span>{{makemoneydata.income_money || '0.00'}}</view>
									<view>累计奖励<u-icon name="arrow-right" size="22" color="#999999"></u-icon></view>
								</view>
							</view>
							<view class="sanGeBox_item">
								<image :src="BestImgUrl + 'newZhuanQian/Group_34625.png'"></image>
								<view class="sanGeBox_item_info" @click="tomix()">
									<view><span>¥</span>{{makemoneydata.today_income_money || '0.00'}}</view>
									<view>今日收益<u-icon name="arrow-right" size="22" color="#999999"></u-icon></view>
								</view>
							</view>
							<view class="sanGeBox_item">
								<image :src="BestImgUrl + 'newZhuanQian/Group_34625.png'"></image>
								<view class="sanGeBox_item_info" @click="tomix2()">
									<view>{{makemoneydata.all_spread_people_num || '0'}}</view>
									<view>邀请好友<u-icon name="arrow-right" size="22" color="#999999"></u-icon></view>
								</view>
							</view>
						</view>
					</view>
					<view class="guize_wrap">
						<view class="myleve_title"><!-- @click="TovipPage()"-->
							<view class="myleve_title_left">
								<view>我的等级:</view>
								<view>V{{MyLevelData.vip_level || 0}}{{MyLevelData.name || '未认证'}}</view>
								<!-- <view v-if="makemoneydata.level == 1">
									<image :src="BestImgUrl + 'kaquan/putting.png'" mode="widthFix"></image>普通会员
								</view>
								<view v-if="makemoneydata.level == 2">
									<image :src="BestImgUrl + 'kaquan/huangjin.png'" mode="widthFix"></image>黄金会员
								</view>
								<view v-if="makemoneydata.level == 3">
									<image :src="BestImgUrl + 'kaquan/zuanshi.png'" mode="widthFix"></image>钻石会员
								</view>
								<view v-if="makemoneydata.level == 4">
									<image :src="BestImgUrl + 'kaquan/zhizun.png'" mode="widthFix"></image>至尊会员
								</view> -->
							</view>
							<view class="djsyg" @click="Toguize()">邀请规则<u-icon name="arrow-right" size="22" color="#ffffff"></u-icon>
							</view>
						</view>

						<view class="neihezi_box">
							<view class="hb_leve_tishi">
								<view class="hb_leve_tishi_item">
									<image :src="BestImgUrl + 'newZhuanQian/yqhyjli.png'" mode="widthFix"></image>
									<!-- <view @click="Toguize()">邀请规则</view> -->
								</view>
							</view>
							<view class="hb_leve_wrap">
								<view class="hb_leve_wrap_item">
									<view class="hb_jine">
										<span>¥</span>
										<block v-if="!makemoneydata.level">
											<view>0</view>
										</block>
										<block v-else>
											<view v-if="makemoneydata.level == 1">{{one.first}}</view>
											<view v-else-if="makemoneydata.level == 2">{{two.first}}</view>
											<view v-else-if="makemoneydata.level == 3">{{three.first}}</view>
											<view v-else-if="makemoneydata.level == 4">{{four.first}}</view>
											<view v-else-if="makemoneydata.level == 5">{{five.first}}</view>
											<view v-else-if="makemoneydata.level == 6">{{six.first}}</view>
											<view v-else-if="makemoneydata.level == 7">{{seven.first}}</view>
										</block>
									</view>
									<image class="hb_image" :src="ishb_imageBgImg"></image>
									<view class="hb_title">
										<view>好友完成</view>
										<view>首单</view>
									</view>
								</view>
								<view class="rihg_jiao"><u-icon name="arrow-right" size="24" color="#E15628"></u-icon>
								</view>
								<view class="hb_leve_wrap_item">
									<view class="hb_jine">
										<span>¥</span>
										<block v-if="!makemoneydata.level">
											<view>0</view>
										</block>
										<block v-else>
											<view v-if="makemoneydata.level == 1">{{one.second}}</view>
											<view v-else-if="makemoneydata.level == 2">{{two.second}}</view>
											<view v-else-if="makemoneydata.level == 3">{{three.second}}</view>
											<view v-else-if="makemoneydata.level == 4">{{four.second}}</view>
											<view v-else-if="makemoneydata.level == 5">{{five.second}}</view>
											<view v-else-if="makemoneydata.level == 6">{{six.second}}</view>
											<view v-else-if="makemoneydata.level == 7">{{seven.second}}</view>
										</block>
									</view>
									<image class="hb_image" :src="ishb_imageBgImg"></image>
									<view class="hb_title">
										<view>好友完成</view>
										<view>第二单</view>
									</view>
								</view>
								<view class="rihg_jiao"><u-icon name="arrow-right" size="24" color="#E15628"></u-icon>
								</view>
								<view class="hb_leve_wrap_item">
									<view class="hb_jine">
										<span>¥</span>
										<block v-if="!makemoneydata.level">
											<view>0</view>
										</block>
										<block v-else>
											<view v-if="makemoneydata.level == 1">{{one.three}}</view>
											<view v-else-if="makemoneydata.level == 2">{{two.three}}</view>
											<view v-else-if="makemoneydata.level == 3">{{three.three}}</view>
											<view v-else-if="makemoneydata.level == 4">{{four.three}}</view>
											<view v-else-if="makemoneydata.level == 5">{{five.three}}</view>
											<view v-else-if="makemoneydata.level == 6">{{six.three}}</view>
											<view v-else-if="makemoneydata.level == 7">{{seven.three}}</view>
										</block>
									</view>
									<image class="hb_image" :src="ishb_imageBgImg"></image>
									<view class="hb_title">
										<view>好友完成</view>
										<view>第三单</view>
									</view>
								</view>
								<view class="rihg_jiao"><u-icon name="arrow-right" size="24" color="#E15628"></u-icon>
								</view>
								<view class="hb_leve_wrap_item">
									<view class="hb_jine">
										<span>¥</span>
										<block v-if="!makemoneydata.level">
											<view>0.00</view>
										</block>
										<block v-else>
											<view v-if="makemoneydata.level == 1">{{one.four}}</view>
											<view v-else-if="makemoneydata.level == 2">{{two.four}}</view>
											<view v-else-if="makemoneydata.level == 3">{{three.four}}</view>
											<view v-else-if="makemoneydata.level == 4">{{four.four}}</view>
											<view v-else-if="makemoneydata.level == 5">{{five.four}}</view>
											<view v-else-if="makemoneydata.level == 6">{{six.four}}</view>
											<view v-else-if="makemoneydata.level == 7">{{seven.four}}</view>
										</block>
									</view>
									<image class="hb_image" :src="ishb_imageBgImg"></image>
									<view class="hb_title">
										<view>好友完成</view>
										<view>后续下单</view>
									</view>
								</view>
							</view>
							<view class="ljyq_btn">
								<!-- <view class="shouzhi">
									<view class="wewnan">
										<view>邀请好友吃霸王餐，首单<text>20元外卖免单</text></view>
										<span></span>
									</view>
								</view> -->
								<view class="info_right" v-if="weidenglu_if == false" @click="ToShareposters()">
									<span></span>
									立即邀请
								</view>
								<view class="info_right" v-if="weidenglu_if == true" @click="ToLogin()">
									<span></span>
									登录邀请好友
								</view>
							</view>
						</view>



					</view>
				</view>
			</view>

			<view class="svga_wrap">
				<view class="content_box22">
					<!--排行榜-->
					<!-- <rankingList></rankingList> -->

					<view class="hd_box_wrap">
						<view class="hd_box_item">
							<view class="hd_title">
								<image :src="BestImgUrl + 'newZhuanQian/Group_34630.png'"></image>
							</view>
							<view class="tabs_wrap">
								<view class="my_tequan2">
									<view class="card_list">
										<view class="card_list_item" v-for="(card,index) in cardList" :key="index"
											@click="tabsRchange(card,index)"
											:class="[cardListidx == index?'selectA':'']">
											<view class="nianka">{{card.name}}</view>
										</view>
									</view>
								</view>
							</view>
							<view class="hd_list_box">
								<view class="huojiangren_1">
									<view class="hjr_tx">
										<image :src="avatar1"></image>
									</view>
									<view class="hjr_name">
										<view>{{formattedName(nickname1)}}</view>
										<image :src="BestImgUrl + 'newZhuanQian/guanjun.png'"></image>
									</view>
									<view class="hjr_jine">{{amount1}}元</view>
								</view>
								<view class="huojiangren_1">
									<view class="hjr_tx">
										<image :src="avatar2"></image>
									</view>
									<view class="hjr_name">
										<view>{{formattedName(nickname2)}}</view>
										<image :src="BestImgUrl + 'newZhuanQian/yinjun.png'"></image>
									</view>
									<view class="hjr_jine">{{amount2}}元</view>
								</view>
								<view class="huojiangren_1">
									<view class="hjr_tx">
										<image :src="avatar3"></image>
									</view>
									<view class="hjr_name">
										<view>{{formattedName(nickname3)}}</view>
										<image :src="BestImgUrl + 'newZhuanQian/jijun.png'"></image>
									</view>
									<view class="hjr_jine">{{amount3}}元</view>
								</view>
								<view class="lookAllBdig" @click="Toallbangdan()">查看完整榜单<u-icon name="arrow-right"
										size="26" color="#666666"></u-icon></view>
							</view>
							<!-- <view v-else>
								<view class="zanwuData">
									暂无数据
								</view>
							</view> -->
						</view>
					</view>
				</view>

				<view class="sangeTuhezi">
					<view class="sangeTuhezi1">
						<image :src="BestImgUrl+ 'newZhuanQian/Mask-group.png'"></image>
					</view>
					<view class="sangeTuhezi2">
						<image class="image1" :src="BestImgUrl+ 'newZhuanQian/Mask group-2.png'"
							@click="ToHuodong('/pages/savemoney/savemoney',1)"></image>
						<image class="image2" :src="BestImgUrl+ 'newZhuanQian/Mask group-3.png'"
							@click="ToHuodong('/subpackageA/pages/Redenveloperain/Redenveloperain',2)"></image>
					</view>
				</view>

			</view>
		</view>

		<view style="height: 50rpx;"></view>


		<!-- 分享海报弹窗 -->
		<u-popup v-model="FxHbshow" mode="bottom" border-radius="34" :closeable="true" @close="FxHbshowclose">
			<view class="fxhb_popUp_wrap">
				<view class="fxhb_popUp_box">
					<image class="fxhbBgtu" :src="BestImgUrlTD + '/Group_34670.png'"></image>
				</view>

				<view class="reference-page">
					<scroll-view class="uni-swiper-tab" scroll-x>
						<view class="reference-card" v-for="(item,index) in Fenxinagwenan" :key="index">
							<view class="reference-header">
								<strong>{{item.name}}</strong>
								<view @click="copyText(item.copywriting)" class="copy-button">复制</view>
							</view>
							<view class="reference-text">{{item.copywriting || '无'}}</view>
						</view>
					</scroll-view>
				</view>

				<view class="haibao_wwrap">
					<view class="haibao_swiper">
						<!-- <view class="uni-margin-wrap">
							<swiper class="swiper" :style="{ height: lbHeight + 'px' }" circular :indicator-dots="false" :autoplay="false" @change="qiehuanle">
								<swiper-item v-for="(lunbo,indexl) in Shareposters" :key="indexl">
									<view class="swiper-item uni-bg-red">
										<image :src="lunbo" :style="{ height: lbHeight + 'px' }" mode="aspectFill"></image>
									</view>
								</swiper-item>
							</swiper>
						</view> -->

						<u-swiper :circular="true" :autoplay="false" :current="current1" bg-color="" mode="none"
							interval="4000" @change="qiehuanle" :list="Shareposters" :height="lbHeight"
							img-mode="scaleToFill" :effect3d="true" :effect3d-previous-margin="effect3dPreviousMargin"
							name="image"></u-swiper>

						<!--<u-swiper :autoplay="false" :list="Shareposters" :height="lbHeight" bg-color="#f7f7f7" @click="dianjile" @change="qiehuanle"></u-swiper>-->
						<view class="zhishiqi">
							<view v-for="(zhishi,indexz) in Shareposters.length" :key="indexz">
								<span :class="[dijige == indexz?'xuanzhong':'']"></span>
							</view>
						</view>
					</view>
				</view>


				<view class="fxtujing_box">
					<view class="fxtjTitle">选择分享途径</view>
					<view class="Share-popup-info">
						<view class="fenxiang-btn">

							<!-- #ifdef MP-WEIXIN -->
							<button class="btn-1 btn-w" open-type="share" :data-obj="urerinfo" catchtap="share">
								<view class="btn_d66">
									<image class="wxicon" :src="BestImgUrl + 'wx_icon.png'" @click="shareminiwxapp()">
									</image>
									<view>微信好友</view>
								</view>
							</button>

							<view class="btn-2" @click="wxminisavePic()">
								<image class="baocunicon" :src="BestImgUrl + 'baocun_icon.png'"></image>
								<view>保存图片</view>
							</view>
							<!-- #endif -->

							<!-- #ifdef APP-PLUS -->
							<view class="btn-1">
								<image class="wxicon" :src="BestImgUrl + 'wx_icon.png'" @click="sharewxapp()"></image>
								<view>微信好友</view>
							</view>
							<view class="btn-2">
								<image class="baocunicon" :src="BestImgUrl + 'pyq_icon.png'"
									@click="shareWXSceneTimeline()"></image>
								<view>朋友圈</view>
							</view>
							<view class="btn-2" @tap.stop="openAuth('WRITE_EXTERNAL_STORAGE')">
								<image class="baocunicon" :src="BestImgUrl + 'baocun_icon.png'"></image>
								<view>保存图片</view>
							</view>
							<!-- #endif -->

							<!-- #ifdef H5 -->
							<view class="btn-1">
								<image class="wxicon" :src="BestImgUrl + 'wx_icon.png'" @click="fuzhiUrl()"></image>
								<view>复制链接</view>
							</view>
							<view class="btn-2" @click="H5savePic()">
								<image class="baocunicon" :src="BestImgUrl + 'baocun_icon.png'"></image>
								<view>保存图片</view>
							</view>
							<!-- #endif -->

						</view>
					</view>
				</view>
			</view>
		</u-popup>
		<view class="haibao_wrap11" v-if="ServiceAnimate" @click="ServiceAnimate = false">
			<view class="ca_tishi11" :class="{'arrow_box':ServiceAnimate}">
				<view>请长按图片保存</view>
			</view>
			<image class="haibaotu" :class="{'arrow_box':ServiceAnimate}" :src="defoImg" mode="widthFix"></image>
		</view>
		
		<u-popup v-model="SanMaCuoWuShow" mode="center" width="80%" border-radius="34" :closeable="true" @close="SanMaCuoWuShowclose">
			<view class="cuowuPopup_wrap">
				<image :src="BestImgUrlTD + '/image_998.png'"></image>
				<view class="title">复制成功</view>
				<view class="subtitle">快去分享到社群或者朋友圈吧</view>
				<view class="fenxiang-btn" style="margin-top: 50rpx;">
					<!-- #ifdef MP-WEIXIN -->
					<button class="btn-1 btn-w" open-type="share" :data-obj="urerinfo" catchtap="share">
						<view class="btn_d66">
							<image class="wxicon" :src="BestImgUrl + 'wx_icon.png'" @click="shareminiwxapp()">
							</image>
							<view>微信好友</view>
						</view>
					</button>
					<!-- #endif -->
				</view>
			</view>
		</u-popup>

	</view>
</template>

<script>
	const app = getApp();

	// #ifdef APP-PLUS
	import ykAuthpup from "@/components/yk-authpup/yk-authpup";
	// #endif

	export default {
		components: {

		},
		data() {
			return {
				SanMaCuoWuShow: false,
				FxHbshow: false,
				lvsejb_img: '',
				hb_icon: '',
				ishb_imageBgImg: '',

				Navtitle: '',
				navbackground: {
					backgroundImage: 'linear-gradient(180deg, transparent, transparent)'
				},

				permissionID: '',
				BestImgUrl: app.globalData.imgurlBwc,
				BestImgUrlTD: app.globalData.imgurl,
				weidenglu_if: true,

				one: {}, //等级1
				two: {}, //等级2
				three: {}, //等级3
				four: {}, //等级4
				five: {}, //等级5
				six: {}, //等级6
				seven: {}, //等级7

				makemoneydata: {},
				userInfo: {},
				MyLevelData: {
					id: 0,
					image: "",
					name: "",
					ratio: 0,
					vip_level: 0
				},

				taskList: [],
				moreIndex: 4,

				cardList: [{
					id: '1',
					name: '总榜'
				}, {
					id: '3',
					name: '月榜'
				}, {
					id: '3',
					name: '周榜'
				}],
				cardListidx: 0,
				Leaderboard: [],
				types: 1,

				nickname1: '',
				avatar1: '',
				amount1: '',
				spread_people_num1: '',

				nickname2: '',
				avatar2: '',
				amount2: '',
				spread_people_num2: '',

				nickname3: '',
				avatar3: '',
				amount3: '',
				spread_people_num3: '',

				current1: 0,
				// #ifdef H5
				effect3dPreviousMargin: '220',
				// #endif

				// #ifdef APP-PLUS || MP-WEIXIN
				effect3dPreviousMargin: '220',
				// #endif
				urerinfo: {},
				dijige: 0,
				Shareposters: [],
				cardListidx: 0,
				defoImg: '',
				ServiceAnimate: false,
				lbHeight: '500',
				Fenxinagwenan: []

			}
		},
		computed: {

		},
		onLoad() {
			let that = this
			that.urerinfo = uni.getStorageSync('userinfo');
			//获取设备高度
			uni.getSystemInfo({
				success: function(res) {
					//console.log('系统信息', res)
					//动态设置轮播图高度
					// #ifdef APP-PLUS
					let Sheight = res.windowHeight - 260
					// #endif

					// #ifdef MP-WEIXIN
					let Sheight = res.windowHeight - 287
					// #endif

					// #ifdef H5
					let Sheight = res.windowHeight - 187
					// #endif

					//that.lbHeight = JSON.stringify(Sheight)
					//console.log('屏幕高度', Sheight)
					that.getShareposters()
				}
			})

			that.getLeaderboard();

			//#ifdef APP-PLUS || MP
			//缓存静态图片到本地
			let isMakemoneyImg = uni.getStorageSync('isMakemoneyImg');
			if (!isMakemoneyImg) {
				// 下载第一个背景图片到本地
				uni.downloadFile({
					url: that.BestImgUrl + 'newZhuanQian/bgtu.png',
					success: (res) => {
						uni.saveFile({
							tempFilePath: res.tempFilePath,
							success: (saveRes) => {
								uni.setStorageSync('isMakemoneyImg', saveRes.savedFilePath);
								that.lvsejb_img = uni.getStorageSync('isMakemoneyImg');
							}
						});
					}
				});
				// 下载第二个背景图片到本地
				uni.downloadFile({
					url: that.BestImgUrl + 'newZhuanQian/666bgtu.gif',
					success: (res) => {
						uni.saveFile({
							tempFilePath: res.tempFilePath,
							success: (saveRes) => {
								uni.setStorageSync('ishb_iconBgImg', saveRes.savedFilePath);
								that.hb_icon = uni.getStorageSync('ishb_iconBgImg');
							}
						});
					}
				});
				// 下载第三个背景图片到本地
				uni.downloadFile({
					url: that.BestImgUrl + 'newZhuanQian/Group-34616.png',
					success: (res) => {
						uni.saveFile({
							tempFilePath: res.tempFilePath,
							success: (saveRes) => {
								uni.setStorageSync('ishb_imageBgImg', saveRes.savedFilePath);
								that.ishb_imageBgImg = uni.getStorageSync('ishb_imageBgImg');
							}
						});
					}
				});
			} else {
				//第一个背景图使用本地缓存的图片
				that.lvsejb_img = uni.getStorageSync('isMakemoneyImg');
				that.hb_icon = uni.getStorageSync('ishb_iconBgImg');
				that.ishb_imageBgImg = uni.getStorageSync('ishb_imageBgImg');
			}
			//#endif

			//#ifdef H5
			that.lvsejb_img = that.BestImgUrl + 'newZhuanQian/bgtu.png';
			that.hb_icon = that.BestImgUrl + 'newZhuanQian/666bgtu.gif';
			that.ishb_imageBgImg = that.BestImgUrl + 'newZhuanQian/Group-34616.png';
			//#endif
			
			that.GetWenAn()
			
		},
		onShow() {
			let that = this
			that.getguize()
			let token = uni.getStorageSync('token')
			if (!token) {
				that.weidenglu_if = true
			} else {
				that.weidenglu_if = false
				that.getmakemoney()
				that.Getmyinfo()
			}
		},
		onReady() {

		},
		//页面滚动监听事件
		onPageScroll(e) {
			let that = this
			if (e.scrollTop >= 1) {
				that.Navtitle = '我的收益'
				that.navbackground.backgroundImage = 'linear-gradient(180deg, #ffbe68, #ffbe68)'
			} else {
				that.Navtitle = ''
				that.navbackground.backgroundImage = 'linear-gradient(180deg, transparent, transparent)'
			}
		},
		methods: {
			//获取分享文案
			GetWenAn(){
				let that = this
				that.$api.GetYaoQingWenan({
				
				}).then(res => {
					that.Fenxinagwenan = res.data.result.poster
				}).catch(err => {
					
				});
			},
			//检测是否开启位置
			openAuth(permissionID) {
				this.permissionID =
					permissionID; //这个是对应的权限 ACCESS_FINE_LOCATION 位置权限 / WRITE_EXTERNAL_STORAGE 存储空间/照片权限 / CAMERA相机权限 / CALL_PHONE 拨打电话
				setTimeout(() => {
					this.$refs['authpup'].open();
				}, 500)
			},
			//用户授权权限后的回调
			changeAuth() {
				let that = this
				//这里是权限通过后执行自己的代码逻辑
				//console.log('权限已授权，可执行自己的代码逻辑了');
				this.H5savePic()
			},
			onShareAppMessage(e) {
				if (e.from === 'button') {
					//let obj = e.target.dataset.obj // 获取 button 组件 自定义的data-obj值
					//console.log(obj, '查看分享的输出');
					let myid = uni.getStorageSync('userinfo').id
					return {
						title: '邀请好友0元探店，边吃边赚',
						path: '/pages/index/index?parent_id=' + myid,
						imageUrl: this.BestImgUrlTD + '/WechatIMG1804.jpg'
					};
				}
			},
			onShareTimeline() {
				let myid = uni.getStorageSync('userinfo').id
				return {
					title: '邀请好友0元探店，边吃边赚',
					path: '/pages/index/index?parent_id=' + myid,
					imageUrl: this.BestImgUrlTD + '/WechatIMG1804.jpg',
					success: (res) => {
						//console.log("转发成功", res);
					},
					fail: (res) => {
						//console.log("转发失败", res);
					}
				}
			},
			//检测是否开启位置
			openAuth(permissionID) {
				this.permissionID =
					permissionID; //这个是对应的权限 ACCESS_FINE_LOCATION 位置权限 / WRITE_EXTERNAL_STORAGE 存储空间/照片权限 / CAMERA相机权限 / CALL_PHONE 拨打电话
				setTimeout(() => {
					this.$refs['authpup'].open();
				}, 500)
			},
			//用户授权权限后的回调
			changeAuth() {
				let that = this
				//这里是权限通过后执行自己的代码逻辑
				//console.log('权限已授权，可执行自己的代码逻辑了');
				this.H5savePic()
			},

      // 分享到微信
			shareminiwxapp() {
				let that = this
				wx.downloadFile({
					url: that.defoImg,
					success: (res) => {
						//console.log("res:", res)
						wx.showShareImageMenu({
							path: res.tempFilePath
						})
					},
					fail: (res) => {
						//console.log(res)
						if (res.errMsg.indexOf('deny') != -1 || res.errMsg.indexOf('denied') != -1) {
							wx.showToast({
								title: '保存相册失败，请设置权限！',
								icon: 'none',
								duration: 2000,
							})
						} else {
							wx.showToast({
								title: '保存相册失败，请重试！',
								icon: 'none',
								duration: 2000,
							});
						}
					}
				})
			},
			shareWXminiSceneTimeline() {
				let that = this
				//console.log(that.dijige)
				that.defoImg = that.Shareposters[that.dijige]
				that.ServiceAnimate = true
			},
			wxminisavePic() {
				let that = this
				that.defoImg = that.Shareposters[that.dijige]
				//console.log(that.dijige,that.defoImg)
				that.saveimages([that.defoImg])
			},
			//先判断是否授权保存相册权限
			saveimages(imglist) {
				let that = this
				// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope
				// #ifdef MP-WEIXIN
				wx.getSetting({
					success: function(res) {
						if (!res.authSetting['scope.writePhotosAlbum']) {
							wx.authorize({
								scope: 'scope.writePhotosAlbum',
								success() { //这里是用户同意授权后的回调
									that.baocunimg(imglist);
								},
								fail() { //这里是用户拒绝授权后的回调
									wx.openSetting({
										success: function(res) {},
										fail: function(e) {},
									})
								}
							})
						} else {
							that.baocunimg(imglist);
						}
					},
					fail: function(res) {},
				})
				// #endif
			},
			baocunimg(imglist) {
				let that = this
				uni.showLoading({
					mask: true,
					title: '保存中...'
				})
				let info = {
					image_path: imglist
				}
				if (info.image_path) {
					console.log('1', info.image_path)
					info.image_path.forEach(item => {
						console.log('2', info.image_path)
						uni.downloadFile({
							url: item,
							header: {
								"Content-Type": "image/jpeg"
							},
							success: res => {
								console.log('3', item)
								console.log('4', res)
								if (res.statusCode === 200) {
									uni.saveImageToPhotosAlbum({
										filePath: res.tempFilePath,
										success: function(res) {
											uni.hideLoading()
											uni.showToast({
												title: '保存成功',
												icon: 'none'
											});
										},
										fail: function(res) {
											uni.hideLoading()
											uni.showToast({
												title: '保存失败',
												icon: 'none'
											});
										}
									})
								}
							},
							fail: (err) => {
								uni.hideLoading()
							}
						});
					});
				} else {
					uni.hideLoading()
					uni.showToast({
						title: '暂无数据',
						icon: 'none'
					});
				}
			},

			dianjile(e) {
				let that = this
				that.defoImg = that.Shareposters[e]
			},
			qiehuanle(e) {
				//console.log(e)
				let that = this
				that.dijige = e //e.detail.current
				that.defoImg = that.Shareposters[e]
			},
			getShareposters() {
				let that = this

				let SharepostersUpdateTime = uni.getStorageSync('SharepostersUpdateTime');
				let SharepostersCurrentDate = new Date().getTime();

				//判断24小时后从接口更新一下菜单数据
				if (!SharepostersUpdateTime || SharepostersCurrentDate - SharepostersUpdateTime >= 168 * 60 * 60 * 1000) {
					//缓存最新的数据到本地
					that.$api.GetShareposters({
						city: uni.getStorageSync('CityName'),
						province: uni.getStorageSync('Province'),

						// #ifdef APP-PLUS
						client: 'app',
						//#endif

						// #ifdef MP-WEIXIN
						client: 'applet',
						//#endif

						// #ifdef H5
						client: 'h5',
						//#endif
						appid: uni.getStorageSync('miniProgramAppId')
					}).then(res => {
						console.log('团购菜单', res.data)
						uni.setStorageSync('SharepostersList', res.data.result);
						uni.setStorageSync('SharepostersUpdateTime', SharepostersCurrentDate);

						that.Shareposters = uni.getStorageSync('SharepostersList')
						that.defoImg = that.Shareposters[0]

					}).catch(err => {})
				} else {
					that.Shareposters = uni.getStorageSync('SharepostersList')
					that.defoImg = that.Shareposters[0]
				}
				console.log('海报',that.Shareposters)
			},
			selectCard(data, idx) {
				let that = this
				that.cardListidx = idx
				that.defoImg = data
			},
			H5savePic(Url) {
				let that = this

				// #ifdef H5
				//console.log(that.dijige)
				that.defoImg = that.Shareposters[that.dijige]
				that.ServiceAnimate = true
				//setTimeout(() => {
				//	that.ServiceAnimate = false
				//}, 2500)
				//#endif

				// #ifdef APP-PLUS
				uni.showLoading({
					title: '保存中'
				});
				uni.downloadFile({
					url: that.defoImg,
					success: (res) => {
						if (res.statusCode === 200) {
							uni.hideLoading();
							uni.saveImageToPhotosAlbum({
								filePath: res.tempFilePath,
								success: function() {
									uni.showToast({
										title: "保存成功",
										icon: "none"
									});
								},
								fail: function() {
									uni.hideLoading();
									uni.showToast({
										title: "保存失败，请稍后重试",
										icon: "none"
									});
								}
							});
						}
					},
					fail: (err) => {
						uni.hideLoading();
						uni.showToast({
							title: "失败啦",
							icon: "none"
						});
					}
				})
				//#endif
			},

			fuzhiUrl() {
				let that = this
				let myid = uni.getStorageSync('userinfo').id
				let val = '来领食惠探店，0-5元吃外卖！' + 'https://' + document.domain + '/#/pages/login/login?parent_id=' + myid
				uni.setClipboardData({
					data: val,
					showToast: false,
					success: function() {
						that.$nextTick(() => {
							uni.showToast({
								title: '复制成功',
								icon: 'none',
								duration: 3000
							})
						})
					}
				})
			},

			//分享微信好友
			sharewxapp() {
				let that = this
				uni.share({
					provider: "weixin",
					scene: "WXSceneSession",
					type: 2,
					imageUrl: that.defoImg,
					success: function(res) {
						//console.log("success:" + JSON.stringify(res));
					},
					fail: function(err) {
						//console.log("fail:" + JSON.stringify(err));
					}
				});
			},
			//分享到朋友圈
			shareWXSceneTimeline() {
				let that = this
				uni.share({
					provider: "weixin",
					scene: "WXSceneTimeline",
					type: 2,
					imageUrl: that.defoImg,
					success: function(res) {
						//console.log("success:" + JSON.stringify(res));
					},
					fail: function(err) {
						//console.log("fail:" + JSON.stringify(err));
					}
				});
			},
			tabsRchange(data, index) {
				let that = this
				that.cardListidx = index;
				if (index == 0) {
					that.types = 1
					that.getLeaderboard()
				} else if (index == 1) {
					that.types = 2
					that.getLeaderboard()
				} else if (index == 2) {
					that.types = 3
					that.getLeaderboard()
				}
			},
			getLeaderboard() {
				let that = this
				that.$api.GetLeaderboard({
					type: that.types, //	是	int	1总榜 2月榜 3周榜
					page: 1, //是	int	1页数 默认第一页
					limit: 10 //是	int	每页几条 默认10
				}).then(res => {


					if (res.data.result.length != 0) {

						that.Leaderboard = res.data.result

						that.nickname1 = res.data.result[0].nickname
						that.avatar1 = res.data.result[0].avatar
						that.amount1 = res.data.result[0].amount
						that.spread_people_num1 = res.data.result[0].spread_people_num

						that.nickname2 = res.data.result[1].nickname
						that.avatar2 = res.data.result[1].avatar
						that.amount2 = res.data.result[1].amount
						that.spread_people_num2 = res.data.result[1].spread_people_num

						that.nickname3 = res.data.result[2].nickname
						that.avatar3 = res.data.result[2].avatar
						that.amount3 = res.data.result[2].amount
						that.spread_people_num3 = res.data.result[2].spread_people_num

					} else {
						that.Leaderboard = []
					}

				}).catch(err => {
					/*uni.showToast({
						title: err.data.msg,
						icon: 'none',
						duration: 2000
					});*/
				})
			},
			formattedName(val) {
				let newVal = val.slice(0, 8);
				if (newVal.length <= 2) {
					return '****';
				}
				if (newVal.length > 2) {
					return newVal.substring(0, 2) + new Array(newVal.length).join('*');
				}
			},
			Toallbangdan() {
				uni.navigateTo({
					url: '/subpackageC/pages/vipInvitationList/vipInvitationList'
				})
			},
			ToHuodong(url, type) {
				if (type == 1) {
					uni.switchTab({
						url: url
					})
				} else if (type == 2) {
					uni.navigateTo({
						url: url
					})
				}
			},
			TovipPage() {
				uni.navigateTo({
					url: '/subpackageA/pages/Certification/Certification'
				})
			},
			GetTaskList() {
				let that = this
				that.$api.getTaskList({
					page: 1,
					limit: 10
				}).then(res => {
					that.taskList = res.data.result
				}).catch(err => {

				})
			},
			//获取个人信息
			Getmyinfo() {
				let that = this
				that.$api.GetuserInfo({

				}).then(res => {
					that.userInfo = res.data.result
					that.getDarenList()
				}).catch(err => {

				})
			},
			getDarenList(){
				let that = this
				that.$api.GetVipMenbers({
							
				}).then(res => {
					console.log('达人等级列表',res.data.result)
					//查询个人是哪个等级
					let myLeve = that.userInfo.vip_level
					let myLevelData = {}
					if(myLeve == 0){
						that.MyLevelData = {
							id: 0,
							image: that.BestImgUrl + '/Certification/Group 34372.png',
							name: "未认证",
							ratio: 0,
							vip_level: 0
						}
					} else {
						res.data.result.forEach(function (item, index) {
							if(item.vip_level == myLeve){
								myLevelData = item
							}
						});
						that.MyLevelData = myLevelData
					}
					console.log('我的达人等级',that.MyLevelData)
				}).catch(err => {
							
				})
			},
			dengluTo() {
				// #ifdef APP-PLUS
				uni.navigateTo({
					url: '/subpackageB/pages/newAppLogin/newAppLogin'
				})
				// #endif

				// #ifdef H5
				uni.switchTab({
					url: '/pages/me/me'
				})
				// #endif

				// #ifdef MP-WEIXIN
				uni.navigateTo({
					url: '/pages/login/login'
				})
				// #endif
			},
			//获取我的明细
			getmakemoney() {
				let that = this
				that.$api.Getmakemoney({

				}).then(res => {
					that.makemoneydata = res.data.result
				}).catch(err => {
					/*uni.showToast({
						title: err.data.msg,
						icon: 'none',
						duration: 2000
					});*/
				})
			},
			//获取等级数据
			getguize() {
				let that = this
				that.$api.getInvitationRules({
					page: 1
				}).then(res => {
					that.one = res.data.result['1']
					that.two = res.data.result['2']
					that.three = res.data.result['3']
					that.four = res.data.result['4']
					that.five = res.data.result['5']
					that.six = res.data.result['6']
					that.seven = res.data.result['7']
				}).catch(err => {
					/*uni.showToast({
						title: err.data.msg,
						icon: 'none',
						duration: 2000
					});*/
				})
			},
			Toguize() {
				uni.navigateTo({
					url: '/merberPages/pages/member/Invitationrules',
					animationType: 'pop-in'
				})
			},
			ToShareposters() {
				let that = this
				let token = uni.getStorageSync('token')
				if (!token) {

					uni.showModal({
						title: '提示',
						content: '您还未登陆,登录后可生成个人专属海报',
						confirmColor: '#FF4910',
						confirmText: '去登录',
						success: function(res) {
							if (res.confirm) {

								// #ifdef APP-PLUS
								uni.navigateTo({
									url: '/subpackageB/pages/newAppLogin/newAppLogin'
								})
								// #endif

								// #ifdef H5
								uni.switchTab({
									url: '/pages/me/me'
								})
								// #endif

								// #ifdef MP-WEIXIN
								uni.navigateTo({
									url: '/pages/login/login'
								})
								// #endif

							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});

				} else {
					// uni.navigateTo({
					// 	url: '/subpackageB/pages/Shareposters/Shareposters',
					// 	animationType: 'pop-in'
					// })
					uni.hideTabBar({
						animation: true
					});
					setTimeout(()=>{
						that.FxHbshow = true
					},300)
				}
			},
			FxHbshowclose(){
				this.FxHbshow = false
				setTimeout(()=>{
					uni.showTabBar({
						animation: true
					});
				},300)
			},
			tomix() {
				let that = this
				let token = uni.getStorageSync('token')
				if (!token) {

					uni.showModal({
						title: '提示',
						content: '您还未登陆,登录后可查看个人收益',
						confirmColor: '#FF4910',
						confirmText: '去登录',
						success: function(res) {
							if (res.confirm) {

								// #ifdef APP-PLUS
								uni.navigateTo({
									url: '/subpackageB/pages/newAppLogin/newAppLogin'
								})
								// #endif

								// #ifdef H5
								uni.switchTab({
									url: '/pages/me/me'
								})
								// #endif

								// #ifdef MP-WEIXIN
								uni.navigateTo({
									url: '/pages/login/login'
								})
								// #endif

							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});

				} else {
					uni.navigateTo({
						url: '/subpackageB/pages/makeMoneyLog/makeMoneyLog',
						animationType: 'pop-in'
					})
				}
			},
			tomix2() {
				let that = this
				let token = uni.getStorageSync('token')
				if (!token) {

					uni.showModal({
						title: '提示',
						content: '您还未登陆,登录即可查看邀请人数',
						confirmColor: '#FF4910',
						confirmText: '去登录',
						success: function(res) {
							if (res.confirm) {

								// #ifdef APP-PLUS
								uni.navigateTo({
									url: '/subpackageB/pages/newAppLogin/newAppLogin'
								})
								// #endif

								// #ifdef H5
								uni.switchTab({
									url: '/pages/me/me'
								})
								// #endif

								// #ifdef MP-WEIXIN
								uni.navigateTo({
									url: '/pages/login/login'
								})
								// #endif

							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});

				} else {
					uni.navigateTo({
						url: '/subpackageB/pages/FriendLog/FriendLog',
						animationType: 'pop-in'
					})
				}

			},
			tomix3() {
				let that = this
				let token = uni.getStorageSync('token')
				if (!token) {

					uni.showModal({
						title: '提示',
						content: '您还未登陆,登录即可查看',
						confirmColor: '#FF4910',
						confirmText: '去登录',
						success: function(res) {
							if (res.confirm) {

								// #ifdef APP-PLUS
								uni.navigateTo({
									url: '/subpackageB/pages/newAppLogin/newAppLogin'
								})
								// #endif

								// #ifdef H5
								uni.switchTab({
									url: '/pages/me/me'
								})
								// #endif

								// #ifdef MP-WEIXIN
								uni.navigateTo({
									url: '/pages/login/login'
								})
								// #endif

							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});

				} else {
					uni.navigateTo({
						url: '/mePages/pages/incomeInfo'
					})
				}

			},
			ToLogin() {
				let that = this
				// #ifdef APP-PLUS
				//that.$PublicFunction.PhoneNumLogonTrue()
				uni.navigateTo({
					url: '/subpackageB/pages/newAppLogin/newAppLogin'
				})
				// #endif

				// #ifdef H5
				uni.switchTab({
					url: '/pages/me/me'
				})
				// #endif

				// #ifdef MP-WEIXIN
				uni.login({
					provider: 'weixin',
					success: function(login_res) {
						that.$api.wxminiappLogon({
							code: login_res.code,
							avatar: that.$store.state.baseUrl +
								'/public/uploads/h5/me/Group-33475.png', //	是	string	用户头像
							nickname: '领食惠探店用户',
							username: '',
							appid: uni.getStorageSync('miniProgramAppId')
						}).then(res => {
							//console.log('微信小程序登录', res)
							uni.setStorageSync('token', res.data.result.token)
							setTimeout(() => {
								that.$api.GetuserInfo({

								}).then(res => {
									uni.setStorageSync('userinfo', res.data.result)
									that.weidenglu_if = false
									that.getmakemoney()
									that.Getmyinfo()

								}).catch(err => {

								})
							}, 500);
						}).catch(err => {
							uni.navigateTo({
								url: '/pages/login/login'
							})
						})
					},
					fail: function(err) {
						uni.navigateTo({
							url: '/pages/login/login'
						})
					}
				});
				// #endif
			},
			copyText(val){
				let that = this
				uni.setClipboardData({
					data: val,
					showToast: false,
					success: function() {
						that.$nextTick(() => {
							that.SanMaCuoWuShow = true
						})
					},
					complete: () => {
						// #ifdef MP-WEIXIN
						wx.hideToast()
						// #endif
					}
				});
				//this.FxHbshow = false
				//setTimeout(()=>{
					
				//},200)
			},
			SanMaCuoWuShowclose(){
				
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-image: linear-gradient(to left, #FFB963, #FFB963);
	}

	/deep/ button {
		background-color: transparent !important;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 28rpx !important;
		color: #333333 !important;
	}

	/deep/ button::after {
		border: none !important;
	}

	.uni-margin-wrap {
		width: 690rpx;
		width: 100%;
	}

	.swiper {

		//height: 812px;
		.swiper-item {
			border-radius: 30rpx 30rpx 0 0;

			image {
				width: 100%;
				border-radius: 30rpx 30rpx 0 0;
			}
		}
	}

	/deep/ .u-swiper-wrap {
		//border-radius: 30rpx 30rpx 0 0;
	}

	/deep/ .u-swiper-image {
		//border-radius: 30rpx 30rpx 0 0;
	}

	.haibao_wrap11 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 30rpx;
		background-color: #000;
		z-index: 99999999;

		.ca_tishi11 {
			text-align: center;
			background-color: rgba(0, 0, 0, 0.65);
			width: 100%;
			padding: 20rpx;
			position: absolute;
			bottom: 2%;
			left: 0;
			right: 0;
			z-index: 4;
			color: #fff;
			border-radius: 0 0 0 0;
		}

		.haibaotu {
			width: 100%;
			height: 1200rpx;
			background-color: #f7f7f7;
			border-radius: 20rpx;
			vertical-align: bottom;
		}

		.arrow_box {
			animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
		}
	}

	.fxhb_popUp_wrap {
		background-color: #fff5eb;
		
		.reference-page {
		  background-color: #fef6e4;
		  margin-bottom: 30rpx;
		}
		
		.uni-swiper-tab {
			white-space: nowrap;
		}
		
		.reference-card {
		  background-color: #ffe9d6;
		  border-radius: 20px;
		  padding: 30rpx;
		  width: 628rpx;
		  border: 1px solid #FAD2B5;
		  margin: 0 0 0 30rpx;
		  display: inline-block;
		  white-space: initial;
		}
		
		.reference-card:last-child {
			margin-right: 30rpx;
		}
		
		.reference-header {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  margin-bottom: 10px;
		}
		
		.copy-button {
		  background-color: #ff6600;
		  color: #ffffff;
		  border: none;
		  border-radius: 15px;
		  padding: 5px 15px;
		  cursor: pointer;
		}
		
		.reference-text {
		  color: #ff6600;
		  line-height: 1.5;
		  font-size: 24rpx;
		  text-decoration: underline;
		}

		.fxhb_popUp_box {
			padding: 40rpx 30rpx 30rpx 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.fxhbBgtu {
				width: 526.83rpx;
				height: 134.59rpx;
				margin: 0 auto;
			}
		}

		.haibao_wwrap {
			padding: 0 0 80rpx 0;
			text-align: center;
			position: relative;

			.haibao_swiper {
				border-radius: 30rpx 30rpx 0 0;
				position: relative;

				.zhishiqi {
					position: absolute;
					left: 0;
					right: 0;
					margin: 0 auto;
					bottom: -50rpx;
					display: flex;
					align-items: center;
					justify-content: center;

					span {
						margin: 0 10rpx;
						display: inline-block;
						width: 40rpx;
						height: 12rpx;
						background-color: #ececec;
						border-radius: 200rpx;
					}

					.xuanzhong {
						width: 40rpx !important;
						background-color: #FF9A44 !important;
					}
				}
			}
		}

		.fxtujing_box {
			background-color: #ffffff;
			border-radius: 30rpx 30rpx 0 0;
			padding: 30rpx 30rpx 40rpx 30rpx;

			.fxtjTitle {
				text-align: center;
				font-size: 32rpx;
				margin-bottom: 30rpx;
			}

			.Share-popup-info {
				background-color: #fff;
				padding: 0 30rpx;
				height: 90px;
				border-radius: 0 0 30rpx 30rpx;
				display: flex;
				align-items: center;

				
			}
		}
	}
	
	.fenxiang-btn {
		display: flex;
		align-items: center;
		width: 96%;
		margin: 0 auto;
		justify-content: space-around;
	
		.btn-1 {
			text-align: center;
			color: #333333;
			position: relative;
			background-color: transparent !important;
			padding: 0 !important;
			margin: 0 !important;
			border: none;
			background: transparent;
	
	
			.btn_d66 {
				line-height: 40rpx;
			}
	
			/deep/ button {
				background-color: transparent !important;
				padding: 0 !important;
				margin: 0 !important;
				font-size: 28rpx !important;
				color: #333333 !important;
			}
	
			/deep/ button::after {
				border: none !important;
			}
	
			.wxicon {
				width: 70rpx;
				height: 70rpx;
				border-radius: 200rpx;
				margin-bottom: 10rpx;
			}
		}
	
		.btn-w {
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.btn-2 {
			text-align: center;
			color: #333333;
	
			.baocunicon {
				width: 70rpx;
				height: 70rpx;
				border-radius: 200rpx;
				margin-bottom: 10rpx;
			}
		}
	}

	.page_content {
		position: relative;
		background: radial-gradient(189px at -2.9% 12.9%, #FFB963 0%, #FFB963 46.4%, #FFB963 100.7%);

		.lvsejb {
			position: relative;

			/* #ifdef APP-PLUS */
			//height: 1005rpx;
			/* #endif */

			/* #ifdef MP-WEIXIN */
			//height: 1065rpx;
			/* #endif */

			/* #ifdef H5 */
			//height: 980rpx;
			/* #endif */


			.lvsejb_img {
				width: 100%;
				position: absolute;
				top: 0;
				left: 0;
				height: 1108rpx;
				z-index: 1;
			}

			.guize_wrap {
				width: 95%;
				margin: 0 auto;
				padding: 0;
				border-radius: 32rpx;
				background: linear-gradient(to right, #FC4DBE, #FF556E);

				.myleve_title {
					display: flex;
					align-items: center;
					justify-content: space-between;
					background-color: transparent;
					border-radius: 32rpx;
					padding: 22rpx 24rpx;

					.djsyg {
						font-size: 24rpx;
						color: #fff;
						opacity: 1;
						font-weight: bold;
					}

					.myleve_title_left {
						color: #fff;
						font-size: 26rpx;
						font-weight: bold;
						display: flex;
						align-items: center;

						view {
							color: #ffffff;
							margin-left: 8rpx;
							display: flex;
							align-items: center;

							image {
								width: 48rpx;
								height: 34rpx;
								margin: 0 6rpx 0 12rpx;
							}
						}
					}
				}

				.neihezi_box {
					border-radius: 32rpx;
					border: 4rpx solid #FFFAF4;
					background: linear-gradient(to top, #FFFAF4, #FFDFB7);
				}

				.hb_leve_tishi {
					margin: 30rpx 20rpx;

					.hb_leve_tishi_item {
						position: relative;
						display: flex;
						align-items: center;
						justify-content: space-between;

						image {
							width: 214rpx;
							height: 50rpx;
						}

						view {
							background-color: #FFCAA0;
							text-align: center;
							border-radius: 200rpx;
							color: #FF611E;
							font-size: 24rpx;
							padding: 10rpx 20rpx;
						}
					}
				}

				.hb_leve_wrap {
					padding: 12rpx 20rpx 32rpx 20rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.rihg_jiao {}

					.hb_leve_wrap_item {
						position: relative;
						width: 144rpx;
						height: 162rpx;

						.hb_image {
							width: 144rpx;
							height: 182rpx;
						}

						.hb_jine {
							position: absolute;
							top: 44rpx;
							display: flex;
							align-items: flex-end;
							justify-content: center;
							text-align: center;
							width: 144rpx;
							z-index: 2;
							font-weight: bold;
							color: #FF611E;
							font-size: 38rpx;

							span {
								font-size: 24rpx;
								position: relative;
								top: -4rpx;
								font-weight: initial;
								margin-right: 2rpx;
							}

							text {
								font-weight: bold;
								color: #FF611E;
								font-size: 38rpx;
							}
						}

						.hb_jinelow {
							position: absolute;
							top: 48rpx;
							display: flex;
							align-items: flex-end;
							justify-content: center;
							text-align: center;
							width: 144rpx;
							z-index: 2;
							color: #FF611E;
							font-size: 24rpx;

							span {
								font-size: 24rpx;
								position: relative;
								top: 0;
							}
						}

						.hb_title {
							position: absolute;
							left: 0;
							right: 0;
							bottom: -8rpx;
							margin: 0 auto;
							z-index: 2;
							font-size: 20rpx;
							color: #fff;
							line-height: 24rpx;
							text-align: center;
						}
					}
				}
			}

			.lvsejb_info_wrap {
				position: relative;
				z-index: 2;
				width: 100%;

				.lvsejb_info {
					position: relative;

					/* #ifdef APP-PLUS */
					padding: 90rpx 30rpx 30rpx 30rpx;
					/* #endif */

					/* #ifdef MP-WEIXIN */
					padding: 90rpx 30rpx 30rpx 30rpx;
					/* #endif */

					/* #ifdef H5 */
					padding: 20rpx 30rpx 30rpx 30rpx;
					/* #endif */

					.hb_icon {
						margin: 0 auto;
						text-align: center;

						image {
							width: 712rpx;
							height: 120rpx;
						}
					}

					.sanGeBox {
						display: flex;
						align-items: center;
						justify-content: space-between;
						height: 130rpx;

						.sanGeBox_item {
							position: relative;
							flex: 1;
							width: 100%;
							height: 130rpx;

							image {
								width: 100%;
								height: 130rpx;
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%);
							}

							.sanGeBox_item_info {
								width: 100%;
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%);
								z-index: 2;
								text-align: center;

								view:nth-child(1) {
									color: #FF611E;
									font-weight: bold;
									font-size: 38rpx;

									span {
										font-size: 20rpx;
									}
								}

								view:nth-child(2) {
									font-size: 24rpx;
									color: #666666;
									display: flex;
									align-items: center;
									justify-content: center;

									.u-icon {}
								}
							}
						}
					}
				}
			}
		}
	}

	.svga_wrap {
		margin-top: 0;
		position: relative;
		padding: 0 0 0 0;
		z-index: 9;
	}

	.ljyq_btn {
		position: relative;

		.shouzhi {
			position: absolute;
			left: 30rpx;
			top: -68rpx;
			z-index: 3;

			.wewnan {
				position: relative;

				view {
					background-image: linear-gradient(to left, #8BEAED, #C7FBBA);
					border-radius: 200rpx;
					color: #000000;
					padding: 8rpx 20rpx;
					font-size: 24rpx;

					text {
						color: #FF7337;
					}
				}

				span {
					display: block;
					width: 16rpx;
					height: 16rpx;
					position: absolute;
					background-color: #C7FBBA;
					left: 20rpx;
					bottom: -8rpx;
					transform: rotate(45deg);
				}
			}
		}
	}

	.info_right {
		animation: breathe 2s infinite;
		background: rgb(255, 142, 72);
		background: linear-gradient(124deg, #FF6E1E 0%, #FF6A63 50%, #FFA622 100%);
		width: 93%;
		margin: 20rpx auto 20rpx;
		height: 100rpx;
		line-height: 100rpx;
		border-radius: 200rpx;
		margin-left: auto;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid #FFEDDC;
		color: #ffffff;
		font-weight: bold;
		font-size: 32rpx;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
		text-align: center;

		span {
			display: inline-block;
			width: 95%;
			height: 70rpx;
			background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
			opacity: .2;
			border-radius: 200rpx;
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
	}

	.lijipay {
		width: 92%;
		margin: 20rpx auto 30rpx;
		z-index: 9;
		animation: breathe 2s infinite;

		.u-size-default {
			height: 80rpx !important;
			line-height: 80rpx !important;
			background-image: linear-gradient(to right, #FF9F06, #FF9F06) !important;
			font-weight: bold;
		}
	}

	@keyframes breathe {
		0% {
			transform: scale(.99);
		}

		50% {
			transform: scale(1.03);
		}

		100% {
			transform: scale(.99);
		}
	}

	.content_box22 {
		width: 95%;

		/* #ifdef APP-PLUS */
		margin: 30rpx auto 0;
		//padding: 10rpx 30rpx 30rpx 30rpx;
		/* #endif */

		/* #ifdef MP-WEIXIN */
		margin: 30rpx auto 0;
		//padding: 10rpx 30rpx 30rpx 30rpx;
		/* #endif */

		/* #ifdef H5 */
		margin: 20rpx auto 0;
		//padding: 10rpx 30rpx 30rpx 30rpx;
		/* #endif */

		border-radius: 32rpx;
		background-color: #ffffff;
		position: relative;
	}

	.hd_box_wrap {
		border-radius: 32rpx;

		.hd_box_item {
			border-radius: 32rpx;
			border: 4rpx solid #FFFAF4;
			background: linear-gradient(to top, #FFFAF4, #FFE1BA);
			position: relative;
			padding-top: 50rpx;

			.hd_title {
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				left: 0;
				right: 0;
				margin: 0 auto;
				top: -4rpx;

				image {
					width: 390rpx;
					height: 68rpx;
				}
			}

			.hd_list_box {
				padding: 0 25rpx 25rpx 25rpx;

				.lookAllBdig {
					margin-top: 25rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					color: #666666;
				}

				.huojiangren_1 {
					display: flex;
					align-items: center;
					background: linear-gradient(to right, #ffffff, #FFF4E6);
					border-radius: 32rpx;
					padding: 10rpx 15rpx;
					margin: 25rpx 0 0 0;

					.hjr_tx {
						image {
							width: 80rpx;
							height: 80rpx;
							border-radius: 200rpx;
							border: 2rpx solid #FFDEC5;
						}
					}

					.hjr_name {
						display: flex;
						align-items: center;
						padding-left: 20rpx;

						image {
							width: 50rpx;
							height: 40rpx;
							margin-left: 4rpx;
						}
					}

					.hjr_jine {
						margin-left: auto;
						color: #CB7333;
						font-weight: bold;
					}
				}
			}
		}
	}

	.card_list {
		width: 560rpx;
		margin: 30rpx auto 0;
		padding: 10rpx;
		border-radius: 200rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.selectA {
			background-image: linear-gradient(to left, #FF6D3A, #FF6D3A) !important;
			color: #ffffff !important;
			font-weight: bold;
		}

		.card_list_item {
			text-align: center;
			border-radius: 200rpx;
			height: 56rpx;
			line-height: 56rpx;
			flex: 1;
			margin: 0 12rpx 0 0;
			position: relative;
			font-size: 28rpx;
			color: #FF4910;
			background-color: #FFF1E3;

			.nianka {}
		}

		.card_list_item:last-child {
			margin: 0 !important;
		}
	}

	.tabs_wrap {
		position: relative;
		z-index: 9;
	}

	.sangeTuhezi {
		width: 95%;
		margin: 25rpx auto 25rpx;

		.sangeTuhezi1 {
			image {
				width: 100%;
				height: 166rpx;
			}
		}

		.sangeTuhezi2 {
			margin-top: 25rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.image1 {
				flex: 1;
				height: 166rpx;
				margin-right: 12rpx;
			}

			.image2 {
				flex: 1;
				height: 166rpx;
				margin-left: 12rpx;
			}
		}
	}


	//抖动效果
	@keyframes shake {

		10%,
		90% {
			transform: translate3d(-1px, 0 0);
		}

		20%,
		80% {
			transform: translate3d(2px, 0, 0);
		}

		30%,
		50%,
		70% {
			transform: translate3d(-4px, 0, 0);
		}

		40%,
		60% {
			transform: translate3d(4px, 0, 0);
		}
	}

	//心跳效果
	@keyframes glow {
		0% {
			border-color: #f7f7f7;
			box-shadow: 0 0 0 2px #FF9A44, inset 0 0 0 2px #FF9A44, 0 0 0 #FF9A44;
		}

		100% {
			border-color: #f7f7f7;
			box-shadow: 0 0 0 5px #FF9A44, inset 0 0 0 5px #FF9A44, 0 0 0 #FF9A44;
		}
	}
	
	
	
	
	
	//复制文案css
	.cuowuPopup_wrap {
		text-align: center;
		background-image: linear-gradient(to top, #ffffff, #FFEDE7);
		padding: 60rpx 60rpx 60rpx 60rpx;
		image {
			width: 252rpx;
			height: 252rpx;
			margin-bottom: 50rpx;
		}
		.title {
			font-weight: bold;
			font-size: 36rpx;
			margin-bottom: 12rpx;
		}
		.subtitle {
			font-size: 28rpx;
		}
		.resbtn {
			background-color: #FF4E0D;
			border-radius: 200rpx;
			color: #ffffff;
			width: 252rpx;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			margin: 48rpx auto 0;
		}
	}
</style>